<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps JavaScript API v3 Example: Optimized Directions</title>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/Station.js"></script>
    <script type="text/javascript" src="js/admin.js"></script>
  </head>
  
  <body onload="initialize()" style="font-family: sans-serif;">
    <table style="width: 400px">
      <!-- 
      <tr>
	<td><input type="checkbox" id="optimize" checked />Optimize</td>
	<td>
          <select id="mode" onchange="updateMode()">
            <option value="bicycling">Bicycling</option>
            <option value="driving">Driving</option>
            <option value="walking">Walking</option>

          </select>
	</td>
      </tr>
       -->
      <tr>
	<td><input type="checkbox" id="highways" checked />Avoid highways</td>
	<td><input type="button" value="Reset" onclick="reset()" /></td>
	<td><input type="button" value="Save" onclick="save()"/></td>
      </tr>
      <tr>

	<td><input type="checkbox" id="tolls" checked />Avoid tolls</td>
	<td><input type="button" value="Get Directions!" onclick="calcRoute()" /></td>
	<td></td>
      </tr>
    </table>
    <div style="position:relative; border: 1px; width: 1210px; height: 600px;">
      <div id="map_canvas" style="border: 1px solid black; position:absolute; width:998px; height:598px"></div>
      <div id="directionsPanel" style="position:absolute; left: 1010px; width:240px; height:600px; overflow: auto"></div>
    </div>
    <div id="stations"></div>
  </body>
</html>
